<!DOCTYPE html>
<html lang="zh-cmn-Hans"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>薪酬</title>
    <script src="/jquery-3.4.1.min.js" th:src="@{/jquery-3.4.1.min.js}"></script>
    <script src="/popper.min.js" th:src="@{/popper.min.js}"></script>
    <link href="/bootstrap.min.css" rel="stylesheet" th:href="@{/bootstrap.min.css}" type="text/css">
    <script src="/bootstrap.min.js" th:src="@{/bootstrap.min.js}"></script>
    <link href="/toastr.min.css" rel="stylesheet" th:href="@{/toastr.min.css}" type="text/css">
    <script src="/toastr.min.js" th:src="@{/toastr.min.js}"></script>
    <link href="/bootstrap-table.min.css" rel="stylesheet" th:href="@{/bootstrap-table.min.css}"
          type="text/css">
    <script src="/bootstrap-table.min.js" th:src="@{/bootstrap-table.min.js}"></script>
    <script src="/bootstrap-table-zh-CN.js" th:src="@{/bootstrap-table-zh-CN.js}"></script>
    <script src="/echarts.min.js" th:src="@{/echarts.min.js}"></script>
    <script src="/ehrSalary.js" th:src="@{/ehrSalary.js}"></script>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h1>个人信息+薪酬</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <form>
                <div class="form-group row">
                    <label for="NAME" class="col-2 col-form-label">姓名</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="NAME" disabled>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="HIGHEST_EDUC_DESCR" class="col-2 col-form-label">最高学历</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="HIGHEST_EDUC_DESCR" disabled>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="BUSINESS_UNIT_DESC" class="col-2 col-form-label">公司</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="BUSINESS_UNIT_DESC" disabled>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="DEPTNAME" class="col-2 col-form-label">部门</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="DEPTNAME" disabled>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-6">
            <form>
                <div class="form-group row">
                    <label for="POSITION_NBR_DESCR" class="col-2 col-form-label">职位</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="POSITION_NBR_DESCR" disabled>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="CST_POSITION_TYPED" class="col-2 col-form-label">人员分类</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="CST_POSITION_TYPED" disabled>
                    </div>
                </div>
                <!--<div class="form-group row">
                    <label for="DESCR1" class="col-2 col-form-label">薪等</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="DESCR1" disabled>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="DESCR100" class="col-2 col-form-label">薪级</label>
                    <div class="col-10">
                        <input type="text" class="form-control" id="DESCR100" disabled>
                    </div>
                </div>-->
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <table id="salary1" data-toggle="table" data-locale="zh-CN" data-virtual-scroll="true"
                   class="table table-hover table-striped table-sm" data-height="300">
                <thead>
                <tr>
                    <th data-field="CAL_PRD_ID">年月</th>
                    <th data-field="RUN_TYPE_DESCR">描述</th>
                    <th data-field="CST_NUM_127" data-align="right">应记</th>
                    <th data-field="CST_NUM_129" data-align="right">实得</th>
                    <th data-field="CST_NUM_110" data-align="right">抵扣</th>
                </tr>
                </thead>
            </table>
        </div>
        <div class="col-6">
            <div id="echart1" style="height: 100%;">
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-6">
            <table id="salary2" data-toggle="table" data-locale="zh-CN" data-virtual-scroll="true"
                   class="table table-hover table-striped table-sm" data-height="300">
                <thead>
                <tr>
                    <th data-field="YEAR">年</th>
                    <th data-field="ACCRUALSSALARY" data-align="right">应记</th>
                    <th data-field="YEARSALARY" data-align="right">实得</th>
                </tr>
                </thead>
            </table>
        </div>
        <div class="col-6">
            <div id="echart2" style="height: 100%;">
            </div>
        </div>
    </div>
</div>
</body>
</html>